import React, { memo } from 'react';
import { useDispatch } from 'react-redux'
import { Card, Radio } from '@arco-design/web-react';

export default memo(function MusicStyle() {
  const dispatch = useDispatch()
  const RadioGroup = Radio.Group;
  const onChange = e => {
    dispatch({
      type:'trancksId',
      data:e
    })
  };
  return (
    <Card title='音乐风格'>
      <RadioGroup defaultValue='3778678' onChange={e => { onChange(e) }}>
        <Radio value='3778678'>热搜榜</Radio>
        <Radio value='19723756'>飙升榜</Radio>
        <Radio value='2884035'>原创榜</Radio>
        <Radio value='991319590'>云音乐说唱榜</Radio>
        <Radio value='71384707'>云音乐古典榜</Radio>
        <Radio value='1978921795'>云音乐电音榜</Radio>
        <Radio value='71385702'>云音乐ACG榜</Radio>
        <Radio value='60131'>日本Oricon榜</Radio>
        <Radio value='2809513713'>云音乐欧美热歌榜</Radio>
        <Radio value='5059661515'>云音乐民谣榜</Radio>
        <Radio value='10520166'>云音乐国电榜</Radio>
      </RadioGroup>
    </Card>
  );
});
